<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新增考勤类别</title>
    <link rel="stylesheet" href="../../lib/bootstrap-3.4.1-dist/css/bootstrap.css">
    <link rel="stylesheet" href="../../iconfont/iconfont.css">
    <!-- <link rel="stylesheet" href="../../css/kaoQinGuanLi--JiangPeng/iconfont.css"> -->
    <link rel="stylesheet" href="../../css/nav.css">
    <link rel="stylesheet" href="../../css/header_nav.css">
    <link rel="stylesheet" href="../../css/xinchouFuLi--Heyinhua/xinzengxinchouxiangmu.css">
    <!-- <link rel="stylesheet" href="../../css/xinChouFuLi2--QinRong/xinChouFuLiDaoHang.css"> -->
    <link rel="stylesheet" href="../../css/xinchouFuLi--Heyinhua/xinzixiangmu.css">
    <link rel="stylesheet" href="../../css/kaoQinGuanLi--JiangPeng/kaiqi_jieshu.css">
    <link rel="stylesheet" href="../../css/kaoQinGuanLi--JiangPeng/kaiguan.css">
    <link rel="stylesheet" href="../../css/kaoQinGuanLi--JiangPeng/public.css">
    <script src="../../lib/jquery/jquery-3.6.0.js"></script>
    <script src="../../lib/bootstrap-3.4.1-dist/js/bootstrap.js"></script>
    
    <style>
        #save {
            background-color: #0079FE;
            color: #FFFFFF;
            border: 0px;
        }
        #save:hover {
            background-color: #3394FE;
            color: #FFFFFF;
        }
        #reset {
            background-color: #FFFFFF;
            color: #3394FE;
            border: 1px #3394FE solid;
        }
        #reset:hover {
            background-color: #3394FE;
            color: #FFFFFF;
        }
        #reset>span:hover{
            color: #FFFFFF;
        }
    </style>
</head>
<body>
    <div class="modal fade" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title">确认提示</h4>
            </div>
            <div class="modal-body">
              <p>退出系统确认</p>
              <p>确认要退出登录吗?</p>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
              <button type="button" class="btn btn-primary outlogin">确定</button>
            </div>
          </div>
        </div>
      </div>
      <header class="clearfix">
        <div class="row">
            <div class="col-md-7 col-xs-7">
                <img src="../../iconfont-img/yuan.png" alt="">
                <h4>教师人力资源管理系统</h4>
            </div>
            <div class="col-md-5 col-xs-5">
                <div class="row">
                    <div class="col-md-4 col-xs-4">
                        <div id="search_name">
                            <input type="text" placeholder="请输入员工姓名"><span class="iconfont icon-search2"></span>
                        </div>
    
                    </div>
                    <div class="col-md-6 col-xs-6">
                        <div class="row">
                            <div class="col-md-3 col-xs-3">
                                <div>
                                    <span class="iconfont icon-table_fill"></span>事项
                                    <div id="matter_div">
                                        <div>待办事项</div>
                                        <div class="row">
                                            <div class="col-md-6 col-xs-6">
                                                ●今日待审批请假申请（<span class="matter_num">0</span>）
                                            </div>
                                            <div class="col-md-6 col-xs-6">
                                                ●今日待审批加班申请（<span class="matter_num">0</span>）
                                            </div>
                                            <div class="col-md-6 col-xs-6">
                                                ●待处理的劳动合同续签（<span class="matter_num">0</span>）
                                            </div>
                                            <div class="col-md-6 col-xs-6">
                                                ●今日审批的出差申请（<span class="matter_num">0</span>）
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-xs-3">
                                <a href="../sider_nav/date.html"><span class="iconfont icon-kaoqin"></span>日历</a>
                            </div>
                            <div class="col-md-3 col-xs-3">
                                <a href=""><span class="iconfont icon-kaoqin"></span>消息</a>
                            </div>
                            <div class="col-md-3 col-xs-3">
                                <a href="../sider_nav/lock.html"><span class="iconfont icon-kaoqin"></span>锁屏</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2 col-xs-2" id="user_div">
                        <div>
                            <span class="iconfont icon-ren"></span><span class='username'></span><span class="iconfont icon-shanglajiantou"></span>
                            <div id="pull_down">
                                <div><a href="../sider_nav/changemsg.html">修改资料</a></div>
                                <div><a href="../sider_nav/changeimg.html">修改头像</a></div>
                                <div><a href="../sider_nav/changepwd.html">修改密码</a></div>
                                <div class="logout"><a href="../sider_nav/login.html">退出登录</a></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div class="row" id="main">
        <nav id="nav_left" class="col-md-2 col-xs-2">
            <ul>
                <li><a href="../xitongshouye--shikaiwen/shouye.html"><span class="iconfont icon-jurassic_home"></span>系统首页</a></li>
                <li><a href="../zuZhiGuanLi--wangHeng/zuZhiGuanLiDaoHang.html"><span class="iconfont icon-daifenpei"></span>组织管理</a></li>
                <li><a href="../zhaoPinGuanLi--songJiaYu/zhaoPinGuanLiShouYe.html"><span class="iconfont icon-ren"></span>招聘管理</a></li>
                <li><a href="../renshiguanli/renshiguanlidaohang.html"><span class="iconfont icon-sangeren"></span>人事管理</a></li>
                <li><a href="../kaoQinGuanLi--JiangPeng/kaoQinGuanLi.html"><span class="iconfont icon-kaoqin"></span>考勤管理</a></li>
                <li><a href="../xinchouFuLi--Heyinhua/xinchouFuLishouye.html"><span class="iconfont icon-shipin-sige"></span>薪酬福利</a></li>
                <li><a href="../../pages/xitongshouye--shikaiwen/gonggao.html"><span class="iconfont icon-laba"></span>通知公告</a></li>
                <li><a href="../XiTongGuanLi/XiTong.html"><span class="iconfont icon-shezhi"></span>系统管理</a></li>
            </ul>
        </nav>
        <div class="content_nav col-md-10 col-xs-10">
            <!-- 这个是内容上面带房子的导航栏 -->
            <div class="pull-left">
                <a href=""><span class="iconfont icon-jurassic_home"></span></a>
                <span class="iconfont icon-youjiantou"></span>一级分类
                <span class="iconfont icon-youjiantou"></span>新增考勤类别
            </div>
            <div class="pull-right">
                <a href=""><span class="iconfont icon-zuojiantou"></span></a>
                <a href=""><span class="iconfont icon-zhongzhi"></span></a>
            </div>
        </div>
        <div class="col-md-10 col-xs-10" id="content">
            <!-- 这里面装的内容 -->
            <div class="container">
                <div class="row">
                    <div class="bg-list" style="font-weight: bold;">
                        <span class="iconfont icon-bg-list"></span>新增考勤类别
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-xs-6 left">
                        <div>
                            <span>*</span>类别编号：
                            <input type="text"  class="search2" placeholder="" id="leibie1">
                            <!-- <input type="text"  class="search2" placeholder="请选择薪酬项目编码">
                                <span class="iconfont icon-search2"></span> -->
                        </div>
                        <div>
                            <span>*</span>类型：
                            <select name="" id="leibie2" >
                                <option value="">请选择</option>
                                <option value="A-加班">A-加班</option>
                                <option value="B-请假">B-请假</option>
                                <option value="C-津贴">C-津贴</option>
                                <option value="D-其他">D-其他</option>
                            </select>
                        </div>
                        <!-- <div>
                            <span>*</span>精度：
                            <select name="" id="">
                                <option value="">请选择</option>
                                <option value="数值型">无</option>
                                <option value="字符型">向15分钟靠拢</option>
                                <option value="日期型">向30分钟靠拢</option>
                                <option value="日期型">向1小时靠拢</option>
                                <option value="日期型">向半天靠拢</option>
                                <option value="日期型">向整天靠拢</option>
                                <option value="日期型">按规则计次</option>
                            </select>
                            
                        </div> -->
                        <div>
                            <span>*</span>考勤类别：
                            <input type="text" id="leibie3">
                        </div>
                        <div>
                            <span>*</span>单位:
                            <!-- <input type="text" id="leibie4"> -->
                            <select name="" id="leibie4" >
                                <option value="">请选择</option>
                                <option value="分钟">分钟</option>
                                <option value="小时">小时</option>
                                <option value="天">天</option>
                                <option value="次">次</option>
                            </select>
                        </div>
                       
                        
                        <!-- <div>
                            <button class="blue_btn btn" id="save"><span class="iconfont icon-anonymous-iconfont"></span>保存并新增</button>
                            <button class="blue_btn1 btn" id="reset"><span class="iconfont icon-zhongzhi"></span>重置</button>
                        </div> -->
                    </div>


                    <div class="col-md-6 col-xs-6 right">
                        <div>
                            备注信息：
                            <input type="text" id="leibie5">
                        </div>
                        <!-- <div>
                            <span>*</span>最小申请数值：
                            <input type="text" >
                        </div> -->
                        <div>
                            <span>*</span>创建人：
                            <input type="text" value="admin" placeholder="admin" class="gray" disabled id="leibie6">
                        </div>
                        <div>
                            <span>*</span>创建时间：
                            <input type="text" value="2022-01-20 12:12:12" placeholder="2022-01-20 12:12:12" class="precision" disabled id="leibie7">
                        </div>
                        <div>
                            <button class="blue_btn btn" id="save"><span class="iconfont icon-anonymous-iconfont"></span>保存并新增</button>
                            <button class="blue_btn1 btn" id="reset"><span class="iconfont icon-zhongzhi"></span>重置</button>
                        </div>
                        <!-- <div>
                            更新人：<input type="text" placeholder="admin" class="gray" disabled>
                        </div>
                        <div>
                            <span>*</span>更新时间：
                            <input type="text" placeholder="2020-01-01 12:12:12" class="precision" disabled>
                        </div> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    
<script src="../../js/nav.js"></script>
<script>
    // $('.icon-anniu_kaiqi').click(function () {
    //     $(this).css({ display: 'none' })
    //     console.log($(this).css("display"))
    //     $(this).siblings().css({ display: 'block' })
    // })

    // $('.icon-anniu_guanbi').click(function () {
    //     $(this).css({ display: 'none' })
    //     // console.log($('this'))
    //     $(this).siblings().css({ display: 'block' })
    // })

    $('#reset').on('click',function(){
        $('#leibie1').val('');
        $('#leibie2').val('');
        $('#leibie3').val('');
        $('#leibie4').val('');
        $('#leibie5').val('');
        // $('#leibie6').val('');
    })


    $('#save').on('click',function(){
        var myDate = new Date();
        var mytime = myDate.toLocaleTimeString(); 
        let a1 = $('#leibie1').val();//类别编号
        let b1 = $('#leibie2').val();//类型
        let c1 = $('#leibie3').val();//考勤类别
        let d1 = $('#leibie4').val();//单位
        let e1 = $('#leibie5').val();//备注信息
        let f1 = $('#leibie6').val();//创建人
        let g1 = $('#leibie7').val();//创建时间

        console.log(a1);
        console.log(b1);
        console.log(c1);
        console.log(d1);
        console.log(e1);
        console.log(f1);
        console.log(g1);
        // let h1 = $('#leibie8').val();

        $.ajax({
                url:"/add_xzkqlb",
                method:"post",
                data:{
                    // id:change_table.parents('tr').attr('data-id'),
                    leibie_num:a1,
                    leibie:c1,
                    leixing:b1,
                    danwei:d1,
                    beizhu:e1,
                    chuangjianren:f1,
                    cjTime:g1
                },
                success:function(res){
                    console.log(res);
                    // getData();
                    alert("新增考勤类别成功！");
                }
            })

        location.href="../kaoQinGuanLi--JiangPeng/kaoqinleibie.html";
    })


</script>
</body>
</html>